import React, { PureComponent } from 'react';
import { Card, Form, Input, Select, Button, AutoComplete } from 'antd';
import PageHeaderLayout from '../../layouts/PageHeaderLayout'; //引入面包屑
import { connect } from 'dva'; //引入装饰器
const FormItem = Form.Item;
@connect(({ people, loading }) => ({
  detail: people.currentactionDetail,
}))
export default class Peopledetail extends PureComponent {
  state={
    detail:''
  }
  componentDidMount() {
    const { dispatch } = this.props;
    dispatch({
      type: 'people/peopleactiondetail',
      payload: this.props.match.params.id,
    }); 
    
  }
  render() {
    const { detail } = this.props;
    return (
      <PageHeaderLayout
        title="读者用户权限详情"
        content="读者用户权限详情用于收集人员详细信息，读者用户权限详情页常见于数据项基本的全面信息全面信息。"
      >
        <Card>
          <h1>用户ID：{detail.id}</h1>
          <p>用户名称：{detail.name}</p>
          <p>用户手机号码：{detail.phone}</p>
          <p>用户邮箱：{detail.email}</p>
          <p>用户是否锁定：{detail.lock}</p>
          <p>用户注销：{detail.cancle}</p>
          <p>用户禁用：{detail.forbidden}</p>
          <p>用户状态：{detail.status} (0:关闭 1:运行中 2:已上线 3:异常)</p>
        </Card>
      </PageHeaderLayout>
    );
  }
}
